import { Routes, Route } from "react-router-dom";
import Layouts from "./Layouts";
import Products from "./pages/products";
import ProductCategories from "./pages/product-categories";
import Users from "./pages/users";
import Dashboard from "./pages/dashboard";

function App() {
  return (
    <div className="App">
      <Layouts>
        <Routes>
          <Route index element={<Dashboard />} />
          <Route path="products" element={<Products />} />
          <Route path="product_categories" element={<ProductCategories />} />
          <Route path="users" element={<Users />} />
        </Routes>
      </Layouts>
    </div>
  );
}

export default App;
